@charset "utf-8";

/* Common Content Table
	1.reset
	2.common
	3.font style
	4.table style
	5.button style
	6.prd_cnt_box	
*/

/* 1.reset
--------------------------------------------------------------------------------------------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,
b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,
time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* legend{height:0;visibility:none;text-indent:-9999em;} */
legend,caption{width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;}
img,fieldset{border:0;}
img{vertical-align:top;}
:focus{outline:none;}
a,img,input,button{selector-dummy:expression(this.hideFocus=true);}
input[type="submit"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,button::-moz-focus-inner{border:0;}/*for FireFox*/
input[type="submit"]:focus,input[type="button"]:focus,button:focus{outline:none;}/*for IE8 */
ol,ul{list-style:none;}
a{text-decoration:none;}
button{outline:0 none;border:0 none;/* line-height:0; */background:none;cursor:pointer;}
strong,b{font-weight:bold}

#LayerTealt {position: absolute; top:0px; left:0px; width:100%; background-color: #000000; display:none; z-index:998; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;}
#LayerPopup {position: fixed; display: none; z-index: 999;}
#LayerPopup div#popup_close { }
#LayerPopup div#popup_close p { text-align:right; }
#LayerPopup div#popup_close p a { padding:4px 10px 3px 10px; background-color:#ff140a; color:#ffffff; font-weight:bold; font-family:tahoma; }
#LayerPopup div#LayerPopupContent { padding:5px; border:3px solid #ff140a; background-color: #ffffff; }


/* 2.common
--------------------------------------------------------------------------------------------------------------------------------*/
.tL{text-align:left !important;}
.tR{text-align:right !important;}
.tC{text-align:center !important;}

.ft10{font-size:10px}
.ft11{font-size:11px}
.ft12{font-size:12px}
.ft13{font-size:13px}
.ft14{font-size:14px}
.ft15{font-size:15px}
.ft16{font-size:16px}

/* padding */
.pT5{padding-top:5px !important;}
.pT8{padding-top:8px !important;}
.pT10{padding-top:10px !important;}
.pT30{padding-top:30px !important;}
.pT90{padding-top:90px !important;}
.pL20{padding-left:20px !important;}
.pR25{padding-right:25px !important;}
.pR50{padding-right:50px !important;}
.pB0{padding-bottom:0px !important;}
.pB104{padding-bottom:104px !important;}
.pB140{padding-bottom:140px !important;}
.pB255{padding-bottom:255px !important;}
.pB364{padding-bottom:364px !important;}
.pB403{padding-bottom:403px !important;}

/* margin */
.mB0{margin-bottom:0 !important}
.mB5{margin-bottom:5px !important}
.mB10{margin-bottom:10px !important}
.mB15{margin-bottom:15px !important}
.mB20{margin-bottom:20px !important}
.mB25{margin-bottom:25px;}
.mB60{margin-bottom:60px !important;}
.mT0{margin-top:0px}
.mT5{margin-top:5px}
.mT10{margin-top:10px}
.mT35{margin-top:35px}
.mT27{margin-top:27px}
.mR5{margin-right:5px}
.mR7{margin-right:7px}
.mR10{margin-right:10px}
.mR115{margin-right:115px}
.mL0{margin-left:0px !important}
.mL5{margin-left:5px !important}
.mL10{margin-left:10px !important}
.mL15{margin-left:15px !important}
.mL20{margin-left:20px !important}
.mL17{margin-left:17px !important}
.mL24{margin-left:24px !important}
.mL30{margin-left:30px !important}
.mL60{margin-left:60px !important}
.mL80{margin-left:80px !important}
.mR30{margin-right:30px !important}
/* position */
.posR{position:relative;/* z-index:1; */}
.posA{position:absolute;}
.h45{height:63px !important;}
.fL{float:left}
.fR{float:right}

.clearBoth{clear:both}
.clearfix{*zoom:1;}
.clearfix:after{content:"";display:block;clear:both;height:0;}
/* line-height */
.lH14{line-height:1.41em}

/* 숨은제목제공 */
.selector{position:absolute;width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;}
.blind{color:transparent;text-indent:-9999px;position:relative;z-index:-1;font-size:0;height:0;}

/* 셀렉트박스 */
div.select_box{position:relative;display:inline-block;width:auto;height:22px;background:#fff url("/cmp_images/common/img_select_arrow.png") right 0 no-repeat;border:1px solid #D2D2D2;}
div.select_box label{position:absolute;font-size:12px;color:#515151;top:5px;left:8px;letter-spacing:-0.2px;}
div.select_box select.sel{padding-right:22px;width:100%;height:23px;border:1px solid #D2D2D2;line-height:18px;opacity:0;filter:alpha(opacity=0);/* IE 8 */}

/* input box */
input[type="text"]{padding-left:5px;color:#515151;border:1px solid #cdcdcd;height:20px;line-height:18px;}
input[type="email"]{padding-left:5px;color:#515151;border:1px solid #cdcdcd;height:20px;line-height:18px;}
input[type="password"]{padding-left:5px;color:#515151;border:1px solid #cdcdcd;height:20px;line-height:18px;}
input[type="radio"]{vertical-align:middle;margin:0 3px 0 0;}
input[type="checkbox"]{vertical-align:middle;margin:0 3px 0 0;}

/* btn_group */
.btn_group{margin:45px 0 40px;text-align:center;}
.btn_group a{display:inline-block;padding-top:13px;width:114px;height:25px;}
.btn_group .btn_register{font-size:12px;color:#fff;font-weight:bold;background:#444;border:1px solid #444;}
.btn_group .btn_cancel{font-size:12px;color:#5F5F5F;font-weight:bold;background:#e7e7e7;border:1px solid #a2a2a2;}

/* 3.font style
--------------------------------------------------------------------------------------------------------------------------------*/
body,table,input,select,textarea,button,a{font-family:"맑은 고딕","Malgun Gothic","돋움","Dotum","Tahoma","sans-serif";font-size:12px;}

/* font color */
.f_col1{color:#515151 !important;}
.f_col2{color:#666 !important;}
.f_col3{color:#D03A3E !important;}
.f_col4{color:#0B9A00 !important;}
.f_col5{color:#009CD3 !important;}
.f_col6{color:#A246A9 !important;}
.f_col7{color:#969696 !important;}
.f_col8{color:#d03a3e !important;}
.f_col9{color:#4882c5 !important;font-size:14px}
.f_col10{color:#b7b6b6 !important;}
.f_col11{color:#4882c5 !important;}
a{color:#969696}

/* font-size */
.f11px{font-size:11px !important}
.f12px{font-size:12px !important}
.f13px{font-size:13px !important}
.f14px{font-size:14px !important}
.f15px{font-size:15px !important}

.fb{font-weight:bold !important;}
.fb_n{font-weight:normal !important;}

/* 4.table style
--------------------------------------------------------------------------------------------------------------------------------*/
/* common table style */
table{border-collapse:collapse;}
th,td{vertical-align:top}
/* basic table style */
.tbg{background-color:#f8f8f8;}
.ttc{border-top:none !important;}
.trc{border-right:none !important;}
.tbc{border-bottom:none !important;}
.tlc{border-left:none !important;}

/* orange table border style */
.tot1{border-top:1px solid #fe6b01 !important;}
.tot2{border-top:2px solid #fe6b01 !important;}
.tob2{border-bottom:2px solid #fe6b01 !important;}

/* gray table border style */
.tgt1{border-top:1px dashed #d4d4d4 !important;}
.tgt2{border-top:2px solid #888 !important;}
.tgt3{border-top:1px solid #dfdfdf !important;}
.tgb1{border-bottom:1px solid #d9d9d9 !important;}
.tgb2{border-bottom:1px solid #e9e9e9 !important;}
.tgb3{border-bottom:1px solid #c7c7c7 !important;}
.tgb4{border-bottom:1px dashed #d4d4d4 !important;}

/* table width style */
.w5{width:5% !important;}
.w10{width:10% !important;}
.w15{width:15% !important;}
.w17{width:17% !important;}
.w20{width:20% !important;}
.w21{width:21% !important;}
.w22{width:22% !important;}
.w23{width:23% !important;}
.w26{width:26% !important;}
.w29{width:29% !important;}
.w30{width:29.9% !important;}
.w36{width:36% !important;}
.w40{width:40% !important;}
.w43{width:43% !important;}
.w48{width:48% !important;}
.w50{width:50% !important;}
.w55{width:55% !important;}
.w57{width:57% !important;}
.w60{width:60% !important;}
.w70{width:70% !important;}
.w80{width:80% !important;}
.w90{width:90% !important;}
.w100{width:100% !important;}

.w10px{width:10px !important;}
.w20px{width:20px !important;}
.w30px{width:30px !important;}
.w37px{width:37px !important;}
.w40px{width:40px !important;}
.w50px{width:50px !important;}
.w57px{width:57px !important;}
.w60px{width:60px !important;}
.w70px{width:70px !important;}
.w75px{width:75px !important;}
.w80px{width:80px !important;}
.w90px{width:90px !important;}
.w100px{width:100px !important;}
.w105px{width:105px !important;}
.w115px{width:115px !important;}
.w127px{width:127px !important;}
.w150px{width:150px !important;}
.w167px{width:167px !important;}
.w170px{width:170px !important;}
.w180px{width:180px !important;}
.w190px{width:190px !important;}
.w200px{width:200px !important;}
.w211px{width:211px !important;}
.w288px{width:288px !important;}
.w300px{width:300px !important;}
.w325px{width:325px !important;}
.w415px{width:415px !important;}
.w540px{width:540px !important;}
.w630px{width:630px !important;}
.w695px{width:695px !important;}

/* product table style */
.p_bt{border-top:2px solid #888;}
.p_bb{border-bottom:1px solid #d9d9d9;}
.p_bg{background-color:#f8f8f8;}

/* 박스그림자 */
.shadow {
	-moz-box-shadow:2px 2px 2px rgba(0,0,0,0.1); /* Firefox */
	-webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.1); /* Safari, Chrome */
	box-shadow:2px 2px 2px rgba(0,0,0,0.1); /* CSS3 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#a2a2a2')"; /* For IE 8 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#a2a2a2'); /* For IE 5.5 - 7 */
}

/* table style*/
/*gray table*/
table.type1{border-collapse:collapse;width:100%;}
table.type1 th,table.type1 td{padding:10px;border:1px solid #D4D4D4;text-align:center}
table.type1 th{background-color:#f8f8f8;border-top:1px solid #a5a5a5;border-bottom:none;}
table.type1 td{color:#5d5d5d;}

/* 메인 리뉴얼 */
.global_w{width:1200px;margin:0 auto;clear:both}
.blind{display:block;font-size:0;width:0px;height:0px;position:absolute;top:-9999px;left:-9999px;line-height:0;overflow:hidden;text-indent:-9999px;color:transparent;}

/* button style */
.btn_black{width:100px;height:31px;font-size:12px;font-weight:bold;color:#fff;text-align:center;background-color:#444444}
.btn_white{font-size:11px;line-height:11px;color:#7e7e7e;padding:4px 7px;border-width:1px;border-style:solid;border-color:#cacaca #909090 #909090 #cacaca;background-color:#fff}
.btn_white.navy{background-color:#6e757d;border:1px solid #6e757d;color:#fff;}

/* 라벨 */
label.basic_lb{padding-right:30px;display:inline-block;}

/* background color */
.bgcolor1{background-color:#f7f7f7 !important;color:#666;}
.bgcolor2{background-color:#ededed !important;color:#666;}


